<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title></title>
	</head>
	<body>
		<div id="Time"></div>
		<img src="img/0.JPG" >
		<img src="img/0.JPG" >
		<img src="img/0.JPG" >
		<img src="img/0.JPG" >
		<img src="img/0.JPG" >
		<img src="img/0.JPG" >
		<img src="img/0.JPG" >
		<img src="img/0.JPG" >
		<img src="img/0.JPG" >
		
		
		<script type="text/javascript">
			setInterval(dataTime,1000);
			dataTime();
			function dataTime(){
				var myTime = new Date();
				var hour = myTime.getHours();
				var min = myTime.getMinutes();
				var sec =myTime.getSeconds();
				
				fnTwo();
				function fnTwo(n){
					return n < 10 ? '0' + n : '' + n; 
				}
				
				var str = fnTwo(hour)  + fnTwo(min) + fnTwo(sec);
				
				document.getElementById('Time').innerHTML = str;
				
				var aImg = document.getElementsByTagName("img");
				
				// aImg[4].src = 'img/' +str.charAt(4) + '.JPG'
				// aImg[5].src = 'img/' +str.charAt(5) + '.JPG'
				
				for(var i = 0;i < str.length; i++){
					aImg[i].src = 'img/' +str.charAt(i) + '.JPG'
				}
				
			}
		</script>
	</body>
</html>
